//创建三个p标签
let p1 = document.createElement('p');
let p2 = document.createElement('p');
let p3 = document.createElement('p');

//设置p标签的内容
p1.innerHTML = '这是第一个p标签';
p2.innerHTML = '这是第二个p标签';
p3.innerHTML = '这是第三个p标签';
//追加标签
document.querySelector('.box').appendChild(p1);
document.querySelector('.box').appendChild(p2);
document.querySelector('.box').appendChild(p3);
console.log("追加标签完毕");
alert("此时标签已经追加完，但DOM渲染尚未完成")
//alert会阻塞js执行,也可以停止让DOM渲染